@charset "UTF-8";


div.ph6_main {
    width: 94%;
    margin: 0 auto;
}

.mgb {
    margin-bottom: 2%;
}

/*form/button/etc--------------------*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="number"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="number"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


input[type=checkbox] {
  display: none;
}
.check_box {
/*
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
*/
    position: relative;
    display: inline-block;
    padding: 0.125em 0 0 2em;
    vertical-align: middle;
    font-size: 1.2em;
    cursor: pointer;
}
/*
.check_box:hover:after {
  border-color: #0171bd;
}
*/
.check_box:after {
/*
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
*/
    position: absolute;
    top:0;
    left: 0;
    display: block;
    margin-top: 0;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #000000;
    border-radius: 0.2em;
    content: '';
}
.check_box:before {
/*
-webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
*/
    position: absolute;
    top: 0.4em;
    left: 0.6em;
    display: block;
/*    margin-top: -7px;*/
    width: 0.5em;
    height: 0.5em;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    content: '';
    opacity: 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
input[type=checkbox]:checked + .check_box:before {
  opacity: 1;
}








select {
    -webkit-appearance:none;
}

div.ph6_main p.forms {
    width: 100%;
}
div.ph6_main input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
div.ph6_main input[type="button"]:hover {
    opacity: 0.5;
    -moz-opacity:0.5;
}
div.ph6_main input.member_input{
    width: 100%;
    padding: 3% 2%;
    border: 1px solid #000000;
    color: #6a6a6a;
    border-radius: 0.5em;
    font-size: 16px;
}
div.ph6_main input.member_input_security{
    width: 40%;
    padding: 3% 2%;
    border: 1px solid #000000;
    color: #6a6a6a;
    border-radius: 0.5em;
    font-size: 16px;
}
div.ph6_main input.member_mail_input{
    width: 100%;
    padding: 3% 2%;
    border: 1px solid #000000;
    color: #6a6a6a;
    border-radius: 0.5em;
    font-size: 1.5rem;
}
div.ph6_main input.btn_submit {
    width: 100%;
    border: 4px double #000000;
    margin: 5% 0 0 0;
    padding: 3%;
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 1.5rem;
}
div.ph6_main input.btn_submit_gray{
    width: 100%;
    border: 4px double #000000;
    margin: 5% 0 0 0;
    padding: 3%;
    background-color: #aaaaaa;
    font-weight: 700;
    font-size: 1.5rem;
}
div.ph6_main input.btn_submit_gray:hover{
    opacity: 1 !important;
}
div.ph6_main input.btn_submit_last{
    width: 100%;
    border: 4px double #000000;
    margin: 5% 0 8% 0;
    padding: 3%;
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 1.5rem;
}
div.ph6_main input.member_mail_submit {
    width: 100%;
    border: 4px double #000000;
    margin: 5% 0 8% 0;
    padding: 3%;
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 1.5rem;
}
div.ph6_main select {
    display: block;
    width: 5em;
    line-height: 3rem;
    border: 1px solid #000000;
    color: #6a6a6a;
    border-radius: 0.5em;
    font-size: 16px;
    background-color: #ffffff;
    outline: 0;
}
div.ph6_main select.form4 {
    width: 5em;
    line-height: 3rem;
    padding: 1% 0 1% 1.5rem;

}
div.ph6_main select.form2 {
    width: 4em;
    line-height: 3rem;
    padding: 1% 0 1% 1.5rem;
}
div.ph6_main select.all_form {
    width: 100%;
    line-height: 3rem;
    padding: 1% 0 1% 0.5em;
    border: 1px solid #000000;
    color: #6a6a6a;
    border-radius: 0.5em;
    font-size: 1.5rem;
    background-color: #ffffff;
    height: auto;
}
div.ph6_main a.text_link {
    color: #0000FF;
    margin: 5% 0 0 0;
    display: block;
}
div.ph6_main a.text_link2 {
    color: #0000FF;
    margin: 5% 0 0 0;
    display: block;
}
div.ph6_main a.text_link2 + .lists{
    margin: 2% 0 2% 0;
}
div.ph6_main a.text_link2 + .last{
    margin: 2% 0 5% 0;
}

::placeholder{
color:#bbbbbb;
}

/*form/button/etc--------------------*/

.ph6_title {
    text-align: center;
    margin: 5% 0;
}
.ph6_title h2 {
    color: #FFFFFF;
    background-color: #000000;
    font-size: 1em;
    width: 94%;
    padding: 2.5% 0;
    margin: 0 auto;
}


.ph6_info_text {
    margin-top: 3%;
}
.ph6_custext{
    text-align: center;
    margin-top: 3%;
    line-height: 1.5rem;
}
.ph6_info_text span.info_text_black {
    display: block;
    color: #000000;
    margin: 2% 0;
}
.ph6_info_text span.info_text_red {
    color: #FF0000;
}
.ph6_info_text span.info_text_green {
    color: #206a07;
}
.ph6_line {
    margin: 3% 0;
}

.ph6_line img {
    width: 100%;
}

.ph6_cusimg {
    margin: 0 auto 3% auto;
}

.ph6_cusimg img {
    width: 100%;
}

.ph6_form {
    margin-bottom: 5%;
}

.ph6_form p{
    font-size: 1.2em;
}



.ph6_form p.alert_text {
    font-size: 1em;
    color: #FF0000;
    margin-top: 1%;
}
.ph6_form ul li {
    display: inline-block;
    margin-right: 3%;
}
.ph6_form ul li p {
    display: table-cell;
    vertical-align: bottom;
}


.ph6_form ul li.month {

}
.ph6_form ul li.day {

}


.ph6_form_result {
    border-bottom: 1px dotted #6a6a6a;
    padding: 3% 0 3% 0;
    color: #6a6a6a;
}
.ph6_form_result + .last{
    border-bottom: none;
}

.ph6_form_result p.title {
    color: #000000;
    margin-bottom: 1%;
    font-size: 1.5rem;
}









.ph6_addr_form {

}

.ph6_addr_form p{
    font-size: 1.2em;
}
.ph6_addr_form p.alert_text {
    font-size: 1em;
    color: #FF0000;
    margin-top: 1%;
}




/*--MYP Layout ------------*/
.myp_layout {
    width: 100%;
    margin-top: 3%;
}

.myp_layout ul {
    position: relative;
    display: block;
    padding: 0 3%;
    border-bottom: 1px dashed #cccccc;
    vertical-align: middle;
}

.myp_layout ul li {
    display: inline-block;
    /*margin: 1em 0;*/
    font-size: 1em;
    color: #6a6a6a;
    text-align:justify;
    text-justify:inter-ideograph;
    line-break: strict;
}

.myp_layout ul li.change a,
li.Mchange a,
li.Achange a
{
    color: #1a55ff;
}
    li.Mitem_content {
        width: 70%;
        margin: 0.75em 0;
    }
    li.Mchange {
        position: absolute;
        right: 3%;
        padding: 1.25em 0;
    }
    li.Aitem_content {
        width: 70%;
        margin: 1.5em 0;
        color: #000000 !important;
        font-weight: 700;
    }
    li.Achange {
        position: absolute;
        right: 3%;
        top:1.5em;
    }
    li.item {
        width: 30%;
        margin: 1.5em 0;
        vertical-align: middle;
    }
    li.content {
        width: 50%;
        vertical-align: middle;
    }
    li.change {
        position: absolute;
        right: 3%;
        top:1.5em;
    }

.result_area {
    padding: 0 3%;
}

.result_area ul {
    display: block;
    padding: 0 2%;
    border-bottom: 1px dashed #cccccc;
    margin: 3% 0 1% 0;
}
    .result_area ul li {
        color: #6a6a6a;
        margin: 0 0 2% 0;
    }
    .result_area ul li.name {
        color: #000000;
        font-weight: 700;
    }

.ph6_prof_main {
    /*width: 100%;*/
    padding: 0 3%;
}

.ph6_prof_main input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

.ph6_prof_main input[type="text"] {
    width: 100%;
    height: 2.5em;
    padding: 3% 2%;
    border: 1px solid #000000;
    color: #6a6a6a;
/*    color: #bbbbbb !important;*/
    border-radius: 0.5em;
/*  font-size: 1.5rem;  */
    font-size: 16px;
}
.ph6_prof_main input.btn_submit {
    width: 100%;
    border: 4px double #000000;
    margin: 5% 0 8% 0;
    padding: 3%;
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 1.5rem;
}
.ph6_prof_main input.btn_submit_half {
    width: 100%;
    border: 4px double #000000;
    margin: 0 0 0 5%;
    padding: 1.5%;
    background-color: #FFFFFF;
    font-weight: 700;
    font-size: 1rem;
}

.ph6_prof_main select {
    width: 5em;
    line-height: 3rem;
    border: 1px solid #000000;
    color: #6a6a6a;
/*    color: #bbbbbb !important;*/
    border-radius: 0.5em;
    font-size: 16px;
    background-color: #ffffff;
    outline: 0;
}
.ph6_prof_main select.form4 {
    width: 5em;
    line-height: 3rem;
    padding: 1% 0 1% 1.5rem;

}
.ph6_prof_main select.form2 {
    width: 4em;
    line-height: 3rem;
    padding: 1% 0 1% 1.5rem;
}
.ph6_prof_main select.form_half {
    width: 100%;
    line-height: 3rem;
    padding: 1% 0 1% 0.5em;
    border: 1px solid #000000;
    color: #6a6a6a;
/*    color: #bbbbbb !important;*/
    border-radius: 0.5em;
    font-size: 16px;
    background-color: #ffffff;
    height: auto;
}
.ph6_prof_main select.all_form {
    width: 100%;
    line-height: 3rem;
    padding: 1% 0 1% 0.5em;
    border: 1px solid #000000;
    color: #6a6a6a;
/*    color: #bbbbbb !important;*/
    border-radius: 0.5em;
    font-size: 16px;
    background-color: #ffffff;
    height: auto;
}






    .ph6_prof_main h2 {
        color: #000000;
    }
    .ph6_prof_main h2 span {
        color: #6a6a6a;
    }
    .ph6_prof_main div {
        margin-bottom: 8%;
    }







    .ph6_prof_main .nomal_text {
        color: #6a6a6a;
        margin: 1%;
    }
    .ph6_prof_main .err_text {
        color: #FF0000;
        margin-top: 2%;

    }
    .ph6_prof_main ul {
        display: block;
        margin-top: 2%;
    }
    .ph6_prof_main ul li {
        display: inline-block;
        vertical-align: bottom;
    }
    .ph6_prof_main ul li.subject {
        width: 10%;
        text-align: center;
    }
    .ph6_prof_main ul li.object {
        width: 86%;
    }
    .ph6_prof_main ul li.object_1line {
        width: 100%;
    }
    .ph6_prof_main ul li.area_half {
        vertical-align: middle;
        width: 45%;
    }

.newHeader {
    margin-top: 4%;
    margin-bottom: 3% !important;
    text-align: right;
}
.newHeader a {
    display: inline-block;
    padding-left: 1.5em;
    background: url(../../../img/site/pc/arrow_top.png) left center no-repeat;
    background-size: 1em;
}
















/*-------------------------*/
.infomation_area {
    width: 100%;
    margin: 3% 0;
}
    .infomation_area .text_area {
        color: #000000;
    }
    .infomation_area .image_button {
        width: auto;
        text-align: center;
    }
    .infomation_area .image_button img {
        width: 100%;
    }


/*--CPN Layout ------------*/

.cpn_area {
    margin-top: 3%;
    border-bottom: 1px dotted #6a6a6a;
}

.cpn_area ul {
    width: 100%;
}
.cpn_area ul li {
    color: #6a6a6a;
    margin: 3% 0;
}
.cpn_area ul li.shop {
    width: 40%;
}
.cpn_area ul li.shop_result {
    width: 55%;
}
.cpn_area ul li.cpn {
    width: 100%;
}
.cpn_area ul li.cpn_display {
    padding-bottom: 5%;
}

.cpn_area ul li div {
    color: #000000;
}
.cpn_area ul li img {
    max-width: 100%;

}

.no_boder{
    border: none;
}


/*-------------------------*/

/*user_select*/
.ph6_main .user_select {
    text-align: center;
    border-bottom: 2px solid #000000;
    padding-bottom: 5%;
    margin: 5% 0;
}

.ph6_main .user_select ul li {
    display: inline-block;
    width: 47%;
    vertical-align: middle;
    border: 1px solid #000000;
    padding: 3% 0;
}

/*-------------------------*/















@media only screen and (max-width: 640px) {



}
@media screen and (min-width: 641px) {

	div.ph6_main input.member_mail_input{
        padding: 0 2%;

}

}